// input {
//   caret-color: $zy-color-main;//光标颜色
// }
view{
	box-sizing: border-box;
}
.status_bar {
	height: var(--status-bar-height);
	width: 100%;
}
.zy-status-bar {
	height: var(--status-bar-height);
	width: 100%;
}

// 行相关
.zy-row{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.zy-row-center{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.zy-row-between{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.zy-row-between-top{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.zy-row-around{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}
.zy-row-right{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: end;
}
.zy-row-top{
	display: flex;
	flex-direction: row;
}
.zy-row-wrap{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

//列相关
.zy-column{
	display: flex;
	flex-direction: column;
}
.zy-column-full{
	display: flex;
	flex-direction: column;
	height: 100vh;
}

.zy-column-center{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.zy-column-center-center{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.zy-column-between{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.zy-column-end{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.zy-flex{
	flex: 1;
}

//字体相关
// .zy-text-main-sm{
// 	color: $zy-color-main;
// 	font-size: $zy-font-sm;
// }
// .zy-text-main{
// 	color: $zy-color-main;
// 	font-size: $zy-font-base;
// }
// .zy-text-main-lg{
// 	color: $zy-color-main;
// 	font-size: $zy-font-lg;
// }
// .zy-text-main-lg-bold{
// 	color: $zy-color-main;
// 	font-size: $zy-font-lg;
// 	font-weight: $zy-font-bold;
// }
// .zy-text-white-sm-super{
// 	color: #fff;
// 	font-size: $zy-font-sm-super;
// }
// .zy-text-white-sm{
// 	color: #fff;
// 	font-size: $zy-font-sm;
// }
// .zy-text-white{
// 	color: #fff;
// 	font-size: $zy-font-base;
// }
// .zy-text-white-bold{
// 	color: #fff;
// 	font-size: $zy-font-base;
// 	font-weight: $zy-font-bold;
// }
// .zy-text-white-lg{
// 	color: #fff;
// 	font-size: $zy-font-lg;
// }
// .zy-text-white-lg-bold{
// 	color: #fff;
// 	font-size: $zy-font-lg;
// 	font-weight: $zy-font-bold;
// }
// .zy-text-white-lg-super-bold{
// 	color: #fff;
// 	font-size: 64rpx;
// 	font-weight: bold;
// }

// .zy-text-whitegrey-sm-super{
// 	color: $zy-color-whitegrey;
// 	font-size: $zy-font-sm-super;
// }
// .zy-text-whitegrey-sm{
// 	color: $zy-color-whitegrey;
// 	font-size: $zy-font-sm;
// }
// .zy-text-whitegrey{
// 	color: $zy-color-whitegrey;
// 	font-size: $zy-font-base;
// }
// .zy-text-whitegrey-lg{
// 	color: $zy-color-whitegrey;
// 	font-size: $zy-font-lg;
// }
// .zy-text-whitegrey-lg-bold{
// 	color: $zy-color-whitegrey;
// 	font-size: $zy-font-lg;
// 	font-weight: $zy-font-bold;
// }

// .zy-text-gray-dark-sm-super{
// 	color: $zy-color-gray-dark;
// 	font-size: $zy-font-sm-super;
// }
// .zy-text-gray-dark-sm{
// 	color: $zy-color-gray-dark;
// 	font-size: $zy-font-sm;
// }
// .zy-text-gray-dark{
// 	color: $zy-color-gray-dark;
// 	font-size: $zy-font-base;
// }
// .zy-text-gray-dark-lg{
// 	color: $zy-color-gray-dark;
// 	font-size: $zy-font-lg;
// }
// .zy-text-gray-dark-lg-bold{
// 	color: $zy-color-gray-dark;
// 	font-size: $zy-font-lg;
// 	font-weight: $zy-font-bold;
// }

// .zy-text-gray-sm-super{
// 	color: $zy-color-gray-base;
// 	font-size: $zy-font-sm-super;
// }
// .zy-text-gray-sm{
// 	color: $zy-color-gray-base;
// 	font-size: $zy-font-sm;
// }
// .zy-text-gray{
// 	color: $zy-color-gray-base;
// 	font-size: $zy-font-base;
// }
// .zy-text-gray-lg{
// 	color: $zy-color-gray-base;
// 	font-size: $zy-font-lg;
// }
// .zy-text-gray-lg-bold{
// 	color: $zy-color-gray-base;
// 	font-size: $zy-font-lg;
// 	font-weight: $zy-font-bold;
// }

// .zy-text-gray-light-sm-super{
// 	color: $zy-color-gray-light;
// 	font-size: $zy-font-sm-super;
// }
// .zy-text-gray-light-sm{
// 	color: $zy-color-gray-light;
// 	font-size: $zy-font-sm;
// }
// .zy-text-gray-light{
// 	color: $zy-color-gray-light;
// 	font-size: $zy-font-base;
// }
// .zy-text-gray-light-lg{
// 	color: $zy-color-gray-light;
// 	font-size: $zy-font-lg;
// }
// .zy-text-gray-light-lg-bold{
// 	color: $zy-color-gray-light;
// 	font-size: $zy-font-lg;
// 	font-weight: $zy-font-bold;
// }
// //淡黄色
// .zy-text-yellow-sm-super{
// 	color: $zy-color-yellow;
// 	font-size: $zy-font-sm-super;
// }
// .zy-text-yellow-sm{
// 	color: $zy-color-yellow;
// 	font-size: $zy-font-sm;
// }
// .zy-text-yellow{
// 	color: $zy-color-yellow;
// 	font-size: $zy-font-base;
// }
// .zy-text-yellow-lg{
// 	color: $zy-color-yellow;
// 	font-size: $zy-font-lg;
// }
// .zy-text-yellow-lg-bold{
// 	color: $zy-color-yellow;
// 	font-size: $zy-font-lg;
// 	font-weight: $zy-font-bold;
// }
// .zy-text-yellow-lg-super-bold{
// 	color: $zy-color-yellow;
// 	font-size: $zy-font-lg-super;
// 	font-weight: bold;
// }
// .zy-text-yellow-light-sm-super{
// 	color: $zy-color-yellow-light;
// 	font-size: $zy-font-sm-super;
// }
// .zy-text-yellow-light-sm{
// 	color: $zy-color-yellow-light;
// 	font-size: $zy-font-sm;
// }
// .zy-text-yellow-light{
// 	color: $zy-color-yellow-light;
// 	font-size: $zy-font-base;
// }
// .zy-text-yellow-light-lg{
// 	color: $zy-color-yellow-light;
// 	font-size: $zy-font-lg;
// }
// .zy-text-yellow-light-lg-bold{
// 	color: $zy-color-yellow-light;
// 	font-size: $zy-font-lg;
// 	font-weight: $zy-font-bold;
// }

// .zy-title-bar-title{
// 	color: #fff;
// 	font-size: 42rpx;
// 	font-weight: $zy-font-bold;
// }
// .zy-register-title{
// 	color: #fff;
// 	font-size: 62rpx;
// 	font-weight: $zy-font-bold;
// 	margin-top: 150rpx;
// }
// .zy-register-title2{
// 	color: #fff;
// 	font-size: 62rpx;
// 	font-weight: $zy-font-bold;
// }
// .zy-register-input{
// 	border-bottom: 1px solid #707070;
// 	font-size: 50rpx;
// 	color: #fff;
// 	font-weight: $zy-font-bold;
// 	padding: 20rpx 0;
// }
// //字体加粗
// .zy-font-bold{
// 	font-weight: $zy-font-bold;
// }

// /* 文本溢出隐藏 */
// .zy-ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

// .zy-blur{
// 	filter: blur(10rpx);
// }

// //------------------------按钮----------------------
// .zy-btn-main-sm-capsule{
// 	background: linear-gradient(to right, #06EBD8, #14B9D9);
// 	border-radius: 50rpx;
// 	padding: 8rpx 12rpx;
// 	text-align: center;
// }
// .zy-btn-main-capsule{
// 	background: linear-gradient(to right, #06EBD8, #14B9D9);
// 	border-radius: 50rpx;
// 	padding: 25rpx 0;
// }
// .zy-btn-pink-capsule{
// 	background: linear-gradient(106deg, #FE768E 0%, #FD4969 100%);
// 	border-radius: 50rpx;
// 	padding: 25rpx 0;
// }
// .zy-btn-yellow-sm{
// 	// background: linear-gradient(to right, rgba(210,174,107,0.12) 0%, #CEAB69 100%);
// 	background: linear-gradient(94deg, #FAECBF 0%, #D6B276 100%);
// 	border-radius: 5rpx;
// 	padding: 5rpx;
	
// 	font-size: 20rpx;
// 	color: #222;
// }
// .zy-btn-yellow-sm-capsule{
// 	background: linear-gradient(160deg, rgba(210,174,107,0.12) 0%, #CEAB69 100%);
// 	border-radius: 50rpx;
// 	padding: 5rpx;
	
// 	font-size: 20rpx;
// 	color: #222;
// }
// .zy-btn-yellow-radius-right{
// 	background: linear-gradient(90deg, #D49826 0%, #FBE170 100%);
// 	border-radius: 0rpx 8rpx 8rpx 0rpx;
// 	padding: 5rpx 10rpx;
	
// 	font-size: 24rpx;
// 	color: #222;
// }
// //白色+透明度
// .zy-btn-white-opacity-sm{
// 	padding: 12rpx 15rpx;
// 	background: rgba(#ffffff, 0.14);
// 	border-radius: 50rpx;
// }
// .zy-btn-white-capsule{
// 	padding: 14rpx 20rpx;
// 	background: #FAFCFB;
// 	border-radius: 50rpx;
	
// 	font-size: 28rpx;
// 	color: #050006;
// }
// .zy-btn-grey-sm{
// 	background: linear-gradient(180deg, #EDECF1 0%, #D4D4D2 100%);
// 	border-radius: 5rpx;
// 	padding: 5rpx;
	
// 	font-size: 20rpx;
// 	color: #000;
// }
// .zy-btn-purple-light{
// 	height: 80rpx;
// 	background: linear-gradient(127deg, #FFFFFF 0%, #EBD3ED 100%);
// 	border-radius: 10rpx;
// 	border: 1rpx solid #707070;
// }
// .zy-btn-black-capsule{
// 	// width: 110rpx;
// 	// height: 56rpx;
// 	background: #141210;
// 	border-radius: 50rpx;
// 	padding: 10rpx 25rpx;
// }
// .zy-btn-purple-sm{
// 	// width: 110rpx;
// 	// height: 56rpx;
// 	background: #D218B1;
// 	border-radius: 5rpx;
// 	padding: 5rpx 10rpx;
// }
// //------------------------按钮----------------------

// //点
// .zy-dot-green{
// 	width: 15rpx;
// 	height: 15rpx;
// 	background-color: $zy-color-green-base;
// 	border-radius: 50%;
// }

// //图片
// .zy-img-sm{
// 	width: 70rpx;
// 	height:70rpx;
// 	border-radius: 5rpx;
// }
// .zy-img-sm-circle{
// 	width: 70rpx;
// 	height:70rpx;
// 	border-radius: 50%;
// }
// .zy-img{
// 	width: 90rpx;
// 	height:90rpx;
// 	border-radius: 10rpx;
// }
// .zy-img-circle{
// 	width: 90rpx;
// 	height:90rpx;
// 	border-radius: 50%;
// }
// .zy-img-lg{
// 	width: 120rpx;
// 	height:120rpx;
// 	border-radius: 10rpx;
// }
// .zy-img-lg-rsm{
// 	width: 120rpx;
// 	height:120rpx;
// 	border-radius: 5rpx;
// }
// .zy-img-info-circle{
// 	width: 170rpx;
// 	height: 170rpx;
// 	border: 2rpx solid #FFFFFF;
// 	border-radius: 50%;
// }
// //icon
// .zy-icon-sm{
// 	width: 25rpx;
// 	// height:25rpx;
// }
// .zy-icon{
// 	width: 35rpx;
// 	// height:35rpx;
// }
// .zy-icon-lg{
// 	width: 45rpx;
// 	// height:45rpx;
// }

// .zy-pic-bg{
// 	position: absolute;
// 	z-index: -1;
// 	width: 100%;
// 	height: 100%;
// }

// .zy-radius-sm{
// 	border-radius: 5rpx;
// }
// .zy-radius{
// 	border-radius: 15rpx;
// }
// .zy-radius-lg{
// 	border-radius: 25rpx;
// }

.zy-scroll{
	flex: 1;
	overflow-y: auto;
	box-sizing: border-box;
}

// // 背景黑色渐变-防止背景为白色,文字为白色时,看不清
// .zy-bg-gradient{
// 	height: 50%;
// 	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000000 100%);
// 	position: absolute;
// 	left: 0;
// 	right: 0;
// 	bottom: 0;
// 	margin: auto;
// 	// z-index: 1;
// }


// //间距：margin---padding
// .zy-page-padding{
// 	padding: 0 $zy-space-lg;
// }
// .zy-m-sm { margin: $zy-space-sm; }
// .zy-mt-sm{ margin-top: $zy-space-sm; }//上
// .zy-mr-sm{ margin-right: $zy-space-sm; }//右
// .zy-mb-sm{ margin-bottom: $zy-space-sm; }//下
// .zy-ml-sm{ margin-left: $zy-space-sm; }//左
// .zy-mh-sm{ margin-left: $zy-space-sm; margin-right: $zy-space-sm; }//水平
// .zy-mv-sm{ margin-top: $zy-space-sm; margin-bottom: $zy-space-sm;}//垂直

// .zy-m { margin: $zy-space-base; }
// .zy-mt{ margin-top: $zy-space-base; }//上
// .zy-mr{ margin-right: $zy-space-base; }//右
// .zy-mb{ margin-bottom: $zy-space-base; }//下
// .zy-ml{ margin-left: $zy-space-base; }//左
// .zy-mh{ margin-left: $zy-space-base;margin-right: $zy-space-base; }//水平
// .zy-mv{ margin-top: $zy-space-base; margin-bottom: $zy-space-base;}//垂直

// .zy-m-lg { margin: $zy-space-lg; }
// .zy-mt-lg{ margin-top: $zy-space-lg; }//上
// .zy-mr-lg{ margin-right: $zy-space-lg; }//右
// .zy-mb-lg{ margin-bottom: $zy-space-lg; }//下
// .zy-ml-lg{ margin-left: $zy-space-lg; }//左
// .zy-mh-lg{margin-left: $zy-space-lg; margin-right: $zy-space-lg; }//水平
// .zy-mv-lg{ margin-top: $zy-space-lg;margin-bottom: $zy-space-lg;  }//垂直

// .zy-m-50 { margin: 50rpx; }
// .zy-mt-50{ margin-top: 50rpx; }//上
// .zy-mr-50{ margin-right: 50rpx; }//右
// .zy-mb-50{ margin-bottom: 50rpx; }//下
// .zy-ml-50{ margin-left: 50rpx; }//左
// .zy-mh-50{ margin-left: 50rpx;  margin-right: 50rpx;  }//水平
// .zy-mv-50{ margin-top: 50rpx; margin-bottom: 50rpx;}//垂直
// .zy-m-100 { margin: 100rpx; }
// .zy-mt-100{ margin-top: 100rpx; }//上
// .zy-mr-100{ margin-right: 100rpx; }//右
// .zy-mb-100{ margin-bottom: 100rpx; }//下
// .zy-ml-100{ margin-left: 100rpx; }//左
// .zy-mh-100{ margin-left: 100rpx; margin-right: 100rpx;}//水平
// .zy-mv-100{ margin-top: 100rpx;  margin-bottom: 100rpx;}//垂直

// //padding
// .zy-p-sm { padding: $zy-space-sm; }
// .zy-pt-sm{ padding-top: $zy-space-sm; }//上
// .zy-pr-sm{ padding-right: $zy-space-sm; }//右
// .zy-pb-sm{ padding-bottom: $zy-space-sm; }//下
// .zy-pl-sm{ padding-left: $zy-space-sm; }//左
// .zy-ph-sm{ padding-left: $zy-space-sm;padding-right: $zy-space-sm; }//水平
// .zy-pv-sm{ padding-top: $zy-space-sm; padding-bottom: $zy-space-sm;}//垂直

// .zy-p { padding: $zy-space-base; }
// .zy-pt{ padding-top: $zy-space-base; }//上
// .zy-pr{ padding-right: $zy-space-base; }//右
// .zy-pb{ padding-bottom: $zy-space-base; }//下
// .zy-pl{ padding-left: $zy-space-base; }//左
// .zy-ph{ padding-left: $zy-space-base;  padding-right: $zy-space-base; }//水平
// .zy-pv{ padding-top: $zy-space-base; padding-bottom: $zy-space-base;}//垂直

// .zy-p-lg { padding: $zy-space-lg; }
// .zy-pt-lg{ padding-top: $zy-space-lg; }//上
// .zy-pr-lg{ padding-right: $zy-space-lg; }//右
// .zy-pb-lg{ padding-bottom: $zy-space-lg; }//下
// .zy-pl-lg{ padding-left: $zy-space-lg; }//左
// .zy-ph-lg{ padding-left: $zy-space-lg; padding-right: $zy-space-lg; }//水平
// .zy-pv-lg{ padding-top: $zy-space-lg; padding-bottom: $zy-space-lg;}//垂直

// .zy-p-50 { padding: 50rpx; }
// .zy-pt-50{ padding-top: 50rpx; }//上
// .zy-pr-50{ padding-right: 50rpx; }//右
// .zy-pb-50{ padding-bottom: 50rpx; }//下
// .zy-pl-50{ padding-left: 50rpx; }//左
// .zy-ph-50{ padding-left: 50rpx; padding-right: 50rpx;}//水平
// .zy-pv-50{ padding-top: 50rpx; padding-bottom: 50rpx; }//垂直
// .zy-p-100 { padding: 100rpx; }
// .zy-pt-100{ padding-top: 100rpx; }//上
// .zy-pr-100{ padding-right: 100rpx; }//右
// .zy-pb-100{ padding-bottom: 100rpx; }//下
// .zy-pl-100{ padding-left: 100rpx; }//左
// .zy-ph-100{ padding-left: 100rpx; padding-right: 100rpx;}//水平
// .zy-pv-100{ padding-top: 100rpx; padding-bottom: 100rpx; }//垂直










// //--------------------还没写好，预留--------------------
// .zy-label {
// 	width: 210rpx;
// 	word-wrap: break-word;
// 	word-break: break-all;
// 	text-indent:20rpx;
// }
// .zy-title {
// 	width: 210rpx;
// 	word-wrap: break-word;
// 	word-break: break-all;
// 	text-indent:20rpx;
// }
// .zy-input {
// 	height: 50rpx;
// 	padding: 15rpx 25rpx;
// 	line-height:50rpx;
// 	font-size:28rpx;
// 	background:#FFF;
// 	flex: 1;
// }
// .zy-card {
// 	background: #fff;
// 	border-radius: 8rpx;
// 	margin:20rpx 0;
// 	position: relative;
// 	/* box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, .3); */
// }